const blue = {
  light: {
    "--background": { h: 0, s: 0, l: 100 },
    "--foreground": { h: 222, s: 100, l: 50 },
    "--card": { h: 0, s: 0, l: 100 },
    "--card-foreground": { h: 222, s: 100, l: 50 },
    "--popover": { h: 0, s: 0, l: 100 },
    "--popover-foreground": { h: 222, s: 100, l: 50 },
    "--primary": { h: 221.2, s: 83.2, l: 53.3 },
    "--primary-foreground": { h: 210, s: 0, l: 100 },
    "--secondary": { h: 210, s: 100, l: 50 },
    "--secondary-foreground": { h: 222, s: 0, l: 100 },
    "--muted": { h: 210, s: 54, l: 34 },
    "--muted-foreground": { h: 215.4, s: 16.3, l: 46.9 },
    "--accent": { h: 222, s: 100, l: 50 },
    "--accent-foreground": { h: 222, s: 0, l: 100 },
    "--destructive": { h: 360, s: 100, l: 50 },
    "--border": { h: 214, s: 100, l: 50 },
    "--input": { h: 214, s: 100, l: 50 },
    "--ring": { h: 221.2, s: 83.2, l: 53.3 },
    "--radius": "0.5rem",
  },
  dark: {
    "--background": { h: 222, s: 0, l: 0 },
    "--foreground": { h: 210, s: 100, l: 50 },
    "--card": { h: 222, s: 0, l: 100 },
    "--card-foreground": { h: 210, s: 100, l: 50 },
    "--popover": { h: 222, s: 0, l: 0 },
    "--popover-foreground": { h: 210, s: 100, l: 50 },
    "--primary": { h: 217, s: 100, l: 50 },
    "--primary-foreground": { h: 222, s: 0, l: 0 },
    "--secondary": { h: 217, s: 100, l: 50 },
    "--secondary-foreground": { h: 210, s: 0, l: 0 },
    "--muted": { h: 217, s: 100, l: 50 },
    "--muted-foreground": { h: 215, s: 100, l: 50 },
    "--accent": { h: 217, s: 100, l: 50 },
    "--accent-foreground": { h: 210, s: 0, l: 0 },
    "--destructive": { h: 0, s: 62.8, l: 30.6 },
    "--border": { h: 217.2, s: 32.6, l: 17.5 },
    "--input": { h: 217.2, s: 32.6, l: 17.5 },
    "--ring": { h: 224.3, s: 76.3, l: 48 },
    "--radius": "0.5rem",
  },
} as const;

export default blue;
